{template 'header'}
<SCRIPT language=javaScript src='{$rootpath}/images/guestbook/postcode.js' 
type=text/javascript></SCRIPT>

<SCRIPT language=JavaScript type=text/javascript>
function storeCaret(textEl) {if(textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();}
function HighlightAll(theField) {
	var tempval=eval('document.'+theField)
	tempval.focus()
	tempval.select()
	therange=tempval.createTextRange()
	therange.execCommand('Copy')
}
function DoTitle(addTitle) {
	var revisedTitle;var currentTitle = document.myform.intopictitle.value;revisedTitle = addTitle+currentTitle;document.myform.intopictitle.value=revisedTitle;document.myform.intopictitle.focus();
	return;
}
function checklength(theform){alert('您的留言內容目前有'+theform.content.value.length+'字節');}
function enable(btn){btn.filters.gray.enabled=0;}
function disable(btn){btn.filters.gray.enabled=1;}
function showimage()
{document.images.tus.src='images/default/face/'+document.myform.headportrait.options[document.myform.headportrait.selectedIndex].value+'.gif';}

</SCRIPT>

<script language = 'JavaScript'>
function changeimage()
{
  document.myform.headimg.value=document.myform.Image.value;
  document.myform.showimages.src='{$rootpath}/images/guestbook/face/'+document.myform.Image.value+'.gif';
}
function CheckForm()
{
    if(document.myform.name.value==''){
      alert('姓名不能為空！');
      document.myform.name.focus();
      return(false) ;
    }
  if(document.myform.name.value.length>30){
    alert('!nametoolang!');
    document.myform.name.focus();
    return(false);
  }
  if(document.myform.title.value==''){
    alert('主題不能為空！');
    document.myform.title.focus();
    return(false);
  }
  if(document.myform.title.value.length>100){
    alert('主題不能超過30字符！');
    document.myform.title.focus();
    return(false);
  }
  if(document.myform.content.value==''){
    alert('內容不能為空！');
    document.myform.content.focus();
    return(false);
  }
  if(document.myform.content.value.length>65536){
    alert('內容不能超過64K！');
    document.myform.content.focus();
    return(false);
  }
{if $checkcodeguestbook}
  if(document.myform.checkcode.value==''){
    alert('請輸入您的驗證碼！');
    document.myform.checkcode.focus();
    return(false);
  }
{/if}
}
</script>

<table width="778"  border="0" cellspacing="0" cellpadding="0" align="center" class="white">
  <tr>
    <td height="25">&nbsp;&nbsp;&nbsp;&nbsp;當前位置︰<a href="{$rootpath}/">首頁</a> >> <a href="{$rootpath}/guestbook.php">留言本</a> >> 簽寫留言</td>
  </tr>
  <tr>
    <td height="40" align="center">&nbsp;&nbsp;<a href="?action=add"><img src="{$rootpath}/images/guestbook/home.gif" width="76" height="24" border="0"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{$rootpath}/guestbook.php"><img src="{$rootpath}/images/guestbook/add.gif" width="76" height="24" border="0"></a></td>
  </tr>
  <tr>
  <td height="1"> </td>
  </tr>
 </table>

<table width="778"  border="0" cellspacing="0" cellpadding="2" align="center" class="white">
<form name="myform" method="post" action="?action=add" onsubmit="return CheckForm()">

    <td width="20%" height="25" align="right"> <font color=red>*</font> 姓名︰</td>
    <td width="80%"><input name="name" type="text" id="name" size="25"></td>
  </tr>
  <tr>
    <td height="25" align="right">性別︰</td>
    <td><input type="radio" name="gender" value="1" checked style="border:0">
    男
      <input type="radio" name="gender" value="0" style="border:0">
      女</td>
  </tr>
  <tr>
    <td height="25" align="right">E-mail︰</td>
    <td><input name="email" type="text" id="email" size="25"></td>
  </tr>
  <tr>
    <td height="25" align="right">QQ︰</td>
    <td><input name="qq" type="text" id="qq" size="25">
</td>
  </tr>
  <tr>
    <td height="25" align="right">Msn︰</td>
    <td><input name="msn" type="text" id="msn" size="25"></td>
  </tr>
  <tr>
    <td height="25" align="right">電話︰</td>
    <td><input name="telephone" type="text" id="telephone" size="25"></td>
  </tr>
  <tr>
    <td height="25" align="right">地址︰</td>
    <td><input name="address" type="text" id="address" size="25"></td>
  </tr>
  <tr>
    <td height="25" align="right">主頁︰</td>
    <td><input name="homepage" type="text" id="homepage" size="25"></td>
  </tr>
  <tr>
    <td height="25" align="right"> <font color=red>*</font>留言主題︰</td>
    <td><input name="title" type="text" id="title" size="50"></td>
  </tr>

<tr>
    <td height="25" align="right">『<A href="javascript:checklength(document.myform);">查看長度</A>』<BR>
『<A href="javascript:HighlightAll('myform.content')">復制文本</A>』<BR>
『<A href="javascript:replac()">替換文本</A>』  </td>
    <td>&nbsp; 
<SELECT onchange=showfont(this.options[this.selectedIndex].value) size=1  name=font>
<OPTION value=no selected>字體</OPTION><OPTION value=宋體>宋體</OPTION><OPTION value=楷體_GB2312>楷體</OPTION><OPTION value=新宋體>新宋體</OPTION><OPTION value=黑體>黑體</OPTION><OPTION value=隸書>隸書</OPTION>
<OPTION value=Arial>Arial</OPTION>
<OPTION value=Impact>Impact</OPTION>
<OPTION value=Tahoma>Tahoma</OPTION> 
<OPTION value="Times New Roman">Times New Roman</OPTION>
<OPTION value=else>其他</OPTION>
</SELECT>
<SELECT onchange=showsize(this.options[this.selectedIndex].value) size=1 name=size>
<OPTION selected>字號</OPTION> <OPTION value=9>9</OPTION> 
 <OPTION value=10>10</OPTION>
 <OPTION value=11>11</OPTION>
 <OPTION value=12>12</OPTION>
 <OPTION value=18>18</OPTION>
 <OPTION value=36>36</OPTION>
 <OPTION value=72>72</OPTION>
 <OPTION value=else>其他</OPTION>
</SELECT>
<SELECT onchange=showcolor(this.options[this.selectedIndex].value) size=1 name=color>
 <OPTION value=no selected>顏色</OPTION>
 <OPTION style="COLOR: #000000; BACKGROUND-COLOR: #000000" value=#000000>#000000</OPTION>
 <OPTION style="COLOR: #ffffff; BACKGROUND-COLOR: #ffffff" value=#FFFFFF>#FFFFFF</OPTION>
 <OPTION style="COLOR: #ff0000; BACKGROUND-COLOR: #ff0000" value=#FF0000>#FF0000</OPTION>
 <OPTION style="COLOR: #00ff00; BACKGROUND-COLOR: #00ff00" value=#00FF00>#00FF00</OPTION>
 <OPTION style="COLOR: #0000ff; BACKGROUND-COLOR: #0000ff" value=#0000FF>#0000FF</OPTION>
 <OPTION style="COLOR: #00ffff; BACKGROUND-COLOR: #00ffff" value=#00FFFF>#00FFFF</OPTION>
 <OPTION style="COLOR: #ffebcd; BACKGROUND-COLOR: #ffebcd" value=#FFEBCD>#FFEBCD</OPTION>
 <OPTION style="COLOR: #5f9ea0; BACKGROUND-COLOR: #5f9ea0" value=#5F9EA0>#5F9EA0</OPTION>
 <OPTION style="COLOR: #6495ed; BACKGROUND-COLOR: #6495ed" value=#6495ED>#6495ED</OPTION>
 <OPTION>其他</OPTION>
</SELECT> 
<BR>&nbsp; <IMG onclick=bold() height=22 alt="粗體字" src="{$rootpath}/images/guestbook/ubb/bold.gif" width=23>
           <IMG onclick=italicize() height=22 alt="斜體字" src="{$rootpath}/images/guestbook/ubb/italicize.gif" width=23>
          <IMG onclick=underline() height=22 alt="下劃線" src="{$rootpath}/images/guestbook/ubb/underline.gif" width=23>
          <IMG onclick=center() height=22 alt="對齊" src="{$rootpath}/images/guestbook/ubb/center.gif" width=23>
          <IMG onclick=hyperlink() height=22 alt="插入超級鏈接" src="{$rootpath}/images/guestbook/ubb/url.gif" width=23>
          <IMG onclick=email() height=22 alt="插入郵件地址" src="{$rootpath}/images/guestbook/ubb/email.gif" width=23>
         <IMG onclick=image() height=22 alt="插入圖片" src="{$rootpath}/images/guestbook/ubb/image.gif" width=23>
         <IMG onclick=setswf() height=22 alt="插入FLASH" src="{$rootpath}/images/guestbook/ubb/swf.gif" width=23>
         <IMG onclick=list() height=22 alt="插入列表" src="{$rootpath}/images/guestbook/ubb/list.gif" width=23>
         <IMG onclick=showcode() height=22 alt="插入代碼" src="{$rootpath}/images/guestbook/ubb/code.gif" width=23>
         <IMG onclick=setfly() height=22 alt="飛行字" src="{$rootpath}/images/guestbook/ubb/fly.gif" width=23>
         <IMG onclick=shadow() height=22 alt="陰影字" src="{$rootpath}/images/guestbook/ubb/shadow.gif" width=23>
         </td>
  </tr>




  <tr>
    <td align="center" >
     <font color=red>*</font> 留言內容︰<br><br>
	 <Input type="hidden" value="01" name="headimg"> 
	 <IMG title=點擊選擇頭像 style="CURSOR: hand" onclick="window.open('?action=headlist','face','width=480,height=400,resizable=1,scrollbars=1')" height=90 src="{$rootpath}/images/guestbook/face/01.gif" width=80 border=0 name=showimages><br><br>
	 <Select onchange=changeimage(); size=1 name=Image> 
  <Option value=01 selected>01</Option> 
  <Option value=02>02</Option> 
  <Option value=03>03</Option> 
  <Option value=04>04</Option> 
  <Option value=05>05</Option> 
  <Option value=06>06</Option> 
  <Option value=07>07</Option> 
  <Option value=08>08</Option> 
  <Option value=09>09</Option> 
  <Option value=10>10</Option> 
  <Option value=11>11</Option> 
  <Option value=12>12</Option> 
  <Option value=13>13</Option> 
  <Option value=14>14</Option> 
  <Option value=15>15</Option> 
  <Option value=16>16</Option> 
  <Option value=17>17</Option> 
  <Option value=18>18</Option> 
  <Option value=19>19</Option> 
  <Option value=20>20</Option> 
  <Option value=21>21</Option> 
  <Option value=22>22</Option> 
  <Option value=23>23</Option>
            </Select></td>
    <td>
	<textarea name="content" cols="50" rows="12" id="content"></textarea>


</td>
  </tr>
{if $checkcodeguestbook}
  <tr>
    <td height="25" align="right"> <font color=red>*</font> 驗證碼︰</td>
    <td><input name="checkcode" type="text" id="checkcode" size="5"><SCRIPT language=Javascript src="{$rootpath}/checkcode.php"></SCRIPT></td>
  </tr>
{/if}
  <tr>
    <td height="25" align="right">&nbsp;</td>
    <td><input type="submit" name="submit" value=" 確定 ">
    <input type="reset" name="submit" value=" 重置 "></td>
  </tr>
</form>
</table>
{template 'footer'}